const ModuleComponent = {
    type: 'ModuleComponent',
    title: '静态模板',
    list: [
        {
            type: 'NavBar',
            iconText: 'NavBar',
            backgroundColor: '#262626',
            iconImg: require('../../assets/images/iconImg/s_page_header.png'),
            textColor: '#fff',
            activeColor: '#ffd04b',
            image: require('../../assets/images/logo2.png'),
            imgTextBox: [
                {
                    httpUrl: '1',
                    title: '处理中心',
                    is_group: false
                },
                {
                    httpUrl: '2',
                    title: '订单管理',
                    is_group: false
                },
                {
                    httpUrl: '3',
                    title: '关于我们',
                    is_group: false
                }
            ],
            heightAuto: true

        },
        {
            type: 'Title',
            iconText: 'Title',
            title: '您的网站标题',
            iconImg: require('../../assets/images/iconImg/s_title.png'),
            heightAuto: true
        },
        {
            type: 'CoverImg',
            iconText: 'Cover',
            width: 50,
            iconImg: require('../../assets/images/iconImg/s_cover.png'),
            image: require('../../assets/images/cover.png'),
            title: '一个很棒的主标题',
            smTitle: '写一两段描述你的产品、服务或具体功能。 要获得成功，你的内容需要对你的读者有用。',
            heightAuto: true
        },
        {
            type: 'Banner',
            iconText: 'Banner',
            iconImg: require('../../assets/images/iconImg/s_banner.png'),
            image: require('../../assets/images/productImg/s_banner.png'),
            title: '线上营销。简单便捷。',
            smTitle: '专家+AI+数据，开启数字化招聘',
            heightAuto: true,
            button: '体验一下'
        },
        {
            type: 'TextLeftImg',
            iconText: 'Image-Text',
            iconImg: require('../../assets/images/iconImg/s_image_text.png'),
            image: require('../../assets/images/productImg/image_text.png'),
            title: '部分副标题',
            smTitle: '写一两段描述你的产品或服务。要获得成功，你的内容需要对你的读者有用。<br/>从客户开始 - 找出他们想要的东西并将其给他们。',
            heightAuto: true
        },
        {
            type: 'TextRightImg',
            iconText: 'Text-Image',
            iconImg: require('../../assets/images/iconImg/s_text_image.png'),
            image: require('../../assets/images/productImg/text_image.png'),
            title: '章节子标题',
            smTitle: '写一两段描述你的产品或服务。要获得成功，你的内容需要对你的读者有用。<br/>从客户开始 - 找出他们想要的东西并将其给他们。',
            heightAuto: true
        },
        {
            type: 'TextTopImg',
            iconText: 'Image-Top',
            iconImg: require('../../assets/images/iconImg/s_cover.png'),
            image: require('../../assets/images/productImg/text_picture.png'),
            title: '一个有力的标题',
            smTitle: '选择一个充满活力的图片，并写一个鼓舞人心的段落。<br>它不需要很长，但它应该强化你的图片。',
            heightAuto: true
        },
        {
            type: 'TextBottomImg',
            iconText: 'Image-Bot',
            iconImg: require('../../assets/images/iconImg/s_picture.png'),
            image: require('../../assets/images/productImg/text_picture.png'),
            title: '一个有力的标题',
            smTitle: '选择一个充满活力的图片，并写一个鼓舞人心的段落。<br>它不需要很长，但它应该强化你的图片。',
            heightAuto: true
        },
        {
            type: 'Swiper',
            iconText: 'Swiper',
            iconImg: require('../../assets/images/iconImg/s_carousel.png'),
            ifThumbs: true, // 是否显示缩略图
            height: 400,
            heightAuto: true,
            swiperOptionTop: {
                spaceBetween: 10,
                autoplay: true,
                loop: true,
                loopedSlides: 5,
                watchSlidesVisibility: true,
                effect: 'slide',
                slidesPerView: 1,
                centeredSlides: true,
                navigation: {
                    nextEl: '.swiper-button-next',
                    prevEl: '.swiper-button-prev'
                },
                pagination: {
                    el: '.swiper-pagination',
                    dynamicBullets: true
                }
            },
            swiperOptionThumbs: {
                spaceBetween: 10,
                centeredSlides: true,
                slidesPerView: 'auto',
                touchRatio: 0.2,
                slideToClickedSlide: true,
                watchSlidesVisibility: true
            },
            swiperSlides: [
                require('../../assets/images/imgBox/banner1.jpg'),
                require('../../assets/images/imgBox/banner2.jpg'),
                require('../../assets/images/imgBox/banner3.jpg')
            ]
        },
        {
            type: 'TwoColumns',
            iconText: 'TwoColumns',
            iconImg: require('../../assets/images/iconImg/s_two_columns.png'),
            columns: 2,
            title: '用心创造 赢得未来',
            desc: 'Write Something Nice for Your Users',
            imgPosition: 'top',
            imgWidth: 50,
            imgTextBox: [
                {
                    imgUrl: require('../../assets/images/productImg/product1.png'),
                    title: '功能一',
                    desc: '选择一个充满活力的图片，并写一个鼓舞人心的段落',
                    backgroundColor: '#445c95'
                },
                {
                    imgUrl: require('../../assets/images/productImg/product2.png'),
                    title: '功能二',
                    desc: '选择一个充满活力的图片，并写一个鼓舞人心的段落',
                    backgroundColor: '#3399eb'
                }
            ],
            heightAuto: true
        },
        {
            type: 'ThreeColumns',
            iconText: 'Three',
            iconImg: require('../../assets/images/iconImg/s_three_columns.png'),
            columns: 3,
            imgTextBox: [
                {
                    imgUrl: require('../../assets/images/imgBox/banner1.jpg'),
                    title: '功能一',
                    desc: '选择一个充满活力的图片，并写一个鼓舞人心的段落'
                },
                {
                    imgUrl: require('../../assets/images/imgBox/rocket.jpg'),
                    title: '功能二',
                    desc: '选择一个充满活力的图片，并写一个鼓舞人心的段落'
                },
                {
                    imgUrl: require('../../assets/images/imgBox/wine.jpg'),
                    title: '功能三',
                    desc: '选择一个充满活力的图片，并写一个鼓舞人心的段落'
                }
            ],
            heightAuto: true
        },
        {
            type: 'ThreeColumns2',
            iconText: 'Three2',
            iconImg: require('../../assets/images/iconImg/s_three_columns.png'),
            columns: 3,
            imgTextBox: [
                {
                    imgUrl: require('../../assets/images/imgBox/banner1.jpg'),
                    title: '功能一',
                    desc: '选择一个充满活力的图片，并写一个鼓舞人心的段落'

                },
                {
                    imgUrl: require('../../assets/images/imgBox/rocket.jpg'),
                    title: '功能二',
                    desc: '选择一个充满活力的图片，并写一个鼓舞人心的段落'

                },
                {
                    imgUrl: require('../../assets/images/imgBox/wine.jpg'),
                    title: '功能三',
                    desc: '选择一个充满活力的图片，并写一个鼓舞人心的段落'

                }
            ],
            heightAuto: true
        },
        {
            type: 'ThreeColumns3',
            iconText: 'Three3',
            iconImg: require('../../assets/images/iconImg/s_comparison.png'),
            columns: 3,
            imgTextBox: [
                {
                    imgUrl: require('../../assets/images/productImg/icon-bg1.png'),
                    title: '功能一',
                    desc: '选择一个充满活力的图片，并写一个鼓舞人心的段落',
                    info: '<h1><font color="#666699" style="font-weight: normal; font-size: 24px;">优选产品</font></h1><div style="line-height: 2;"><span style="font-size: 14px;"><font color="#666666" style="font-size: 16px;">让您省心</font></span></div><h1 style="line-height: 1.5;"><font color="#666699" style="font-weight: normal; font-size: 24px;">实时提现</font></h1><div style="line-height: 1.5;"><div style="line-height: 2;"><font color="#666666">让您放心</font></div><div style="line-height: 1.5;"><h1><font color="#666699" style="font-weight: normal; font-size: 24px;">定期计划</font></h1><div style="line-height: 2;"><font color="#666666">为您操心</font></div><div style="line-height: 1.5;"><h1><font color="#666699" style="font-weight: normal; font-size: 24px;">让您的产品不错过每一天收益</font></h1></div></div></div>',
                    backgroundColor: '#445c95'
                },
                {
                    imgUrl: require('../../assets/images/productImg/icon-bg2.png'),
                    title: '功能二',
                    desc: '选择一个充满活力的图片，并写一个鼓舞人心的段落',
                    info: '<h1><font color="#666699" style="font-weight: normal; font-size: 24px;">优选产品</font></h1><div style="line-height: 2;"><span style="font-size: 14px;"><font color="#666666" style="font-size: 16px;">让您省心</font></span></div><h1 style="line-height: 1.5;"><font color="#666699" style="font-weight: normal; font-size: 24px;">实时提现</font></h1><div style="line-height: 1.5;"><div style="line-height: 2;"><font color="#666666">让您放心</font></div><div style="line-height: 1.5;"><h1><font color="#666699" style="font-weight: normal; font-size: 24px;">定期计划</font></h1><div style="line-height: 2;"><font color="#666666">为您操心</font></div><div style="line-height: 1.5;"><h1><font color="#666699" style="font-weight: normal; font-size: 24px;">让您的产品不错过每一天收益</font></h1></div></div></div>',
                    backgroundColor: '#3399eb'
                },
                {
                    imgUrl: require('../../assets/images/productImg/icon-bg3.png'),
                    title: '功能三',
                    desc: '选择一个充满活力的图片，并写一个鼓舞人心的段落',
                    info: '<h1><font color="#666699" style="font-weight: normal; font-size: 24px;">优选产品</font></h1><div style="line-height: 2;"><span style="font-size: 14px;"><font color="#666666" style="font-size: 16px;">让您省心</font></span></div><h1 style="line-height: 1.5;"><font color="#666699" style="font-weight: normal; font-size: 24px;">实时提现</font></h1><div style="line-height: 1.5;"><div style="line-height: 2;"><font color="#666666">让您放心</font></div><div style="line-height: 1.5;"><h1><font color="#666699" style="font-weight: normal; font-size: 24px;">定期计划</font></h1><div style="line-height: 2;"><font color="#666666">为您操心</font></div><div style="line-height: 1.5;"><h1><font color="#666699" style="font-weight: normal; font-size: 24px;">让您的产品不错过每一天收益</font></h1></div></div></div>',
                    backgroundColor: '#d75a4a'
                }
            ],
            heightAuto: true
        },
        {
            type: 'SeamImgScroll',
            iconText: '滚动广告',
            iconImg: require('../../assets/images/iconImg/s_parallax.png'),
            height: 150,
            width: 240,
            padding: 20,
            classOptions: {
                direction: 2,
                limitMoveNum: 5,
                openWatch: true, // 开启数据实时监控刷新dom
                hoverStop: true,
                step: 0.5
            },
            imgTextBox: [
                {
                    imgUrl: require('../../assets/images/1.png')
                },
                {
                    imgUrl: require('../../assets/images/1.png')
                },
                {
                    imgUrl: require('../../assets/images/1.png')
                },
                {
                    imgUrl: require('../../assets/images/1.png')
                },
                {
                    imgUrl: require('../../assets/images/1.png')
                }
            ],
            heightAuto: true
        },
        {
            type: 'SeamTextScroll',
            iconText: '滚动文字',
            iconImg: require('../../assets/images/iconImg/s_quotes_carousel.png'),
            width: 240,
            padding: 10,
            classOptions: {
                direction: 1,
                limitMoveNum: 5,
                openWatch: true, // 开启数据实时监控刷新dom
                hoverStop: true,
                step: 1
            },
            imgTextBox: [
                {
                    title: '3****m 获得58元现金券'
                },
                {
                    title: '156****45 获得88元现金券'
                },
                {
                    title: '136****66 获得888元现金券'
                },
                {
                    title: '168****02 获得34元现金券'
                },
                {
                    title: '63****232 获得99元现金券'
                }
            ],
            heightAuto: true
        },
        {
            type: 'IconBox',
            iconText: '数据统计',
            iconImg: require('../../assets/images/iconImg/s_icon_box.png'),
            number: 2019,
            icon: 'icon-quanbu-copy',
            title: '实时统计',
            smTitle: '当前统计次数',
            tips: '实时',
            heightAuto: true
        },
        {
            type: 'IconColumns',
            iconText: 'IconColumns',
            iconImg: require('../../assets/images/iconImg/s_features.png'),
            title: '服务客户 用心至上',
            fontSize: 80,
            columns: 3,
            imgTextBox: [
                {
                    icon: 'icon-xiazai1',
                    title: '功能一',
                    desc: '选择一个充满活力的图片，并写一个鼓舞人心的段落'
                },
                {
                    icon: 'icon-quanbu-copy',
                    title: '功能二',
                    desc: '选择一个充满活力的图片，并写一个鼓舞人心的段落'
                },
                {
                    icon: 'icon-tubiaoqiehuan',
                    title: '功能三',
                    desc: '选择一个充满活力的图片，并写一个鼓舞人心的段落'
                }
            ],
            heightAuto: true
        },
        {
            type: 'Steps',
            iconText: 'Steps',
            iconImg: require('../../assets/images/iconImg/s_process_steps.png'),
            fontSize: 30,
            imgTextBox: [
                {
                    icon: 'icon-xiazai1',
                    title: '功能一',
                    desc: '选择一个充满活力的图片，并写一个鼓舞人心的段落'
                },
                {
                    icon: 'icon-quanbu-copy',
                    title: '功能二',
                    desc: '选择一个充满活力的图片，并写一个鼓舞人心的段落'
                },
                {
                    icon: 'icon-tubiaoqiehuan',
                    title: '功能三',
                    desc: '选择一个充满活力的图片，并写一个鼓舞人心的段落'
                }
            ],
            heightAuto: true
        },
        {
            type: 'ComponyTeam',
            iconText: 'ComponyTeam',
            iconImg: require('../../assets/images/iconImg/s_company_team.png'),
            columns: 2,
            title: '执行团队风采',
            desc: 'Write Something Nice for Your Users',
            imgTextBox: [
                {
                    imgUrl: require('../../assets/images/productImg/team_avtar1.png'),
                    title: 'Tony Fred，首席执行官',
                    desc: '创始人兼首席远见卓识者，Tony 是公司背后的驱动力。他喜欢参加软件开发、 营销和客户体验策略 来充实自己。'
                },
                {
                    imgUrl: require('../../assets/images/productImg/team_avtar2.png'),
                    title: 'Mich Stark，首席运营官',
                    desc: 'Mich 喜欢应对挑战。由于他在软件行业有多年担任商务 总监的经验，Mich 帮助公司达到 今天的地位。Mich 是最优秀的人才之一。'
                },
                {
                    imgUrl: require('../../assets/images/productImg/team_avtar3.png'),
                    title: 'Aline Turner，首席技术官',
                    desc: 'Aline 是生活中的标志性人物之一，她可以说她热爱所做的事情。 她指导 100+ 的内部开发人员，并照顾着数以千计开发人员的 社区。'
                },
                {
                    imgUrl: require('../../assets/images/productImg/team_avtar4.png'),
                    title: 'Iris Joe，首席财务官',
                    desc: 'Iris，具有国际经验，可以帮我们轻松地了解数字并 对其进行改进。她决定推动成功，利用她的专业特长帮助公司更上一层楼。'
                }
            ],
            heightAuto: true
        },
        {
            type: 'TimeLine',
            iconText: 'TimeLine',
            iconImg: require('../../assets/images/iconImg/s_timeline.png'),
            imgTextBox: [
                {
                    imgUrl: require('../../assets/images/productImg/team_avtar1.png'),
                    icon: 'icon-baocun',
                    title: 'Tony Fred，首席执行官',
                    desc: '创始人兼首席远见卓识者，Tony 是公司背后的驱动力。他喜欢参加软件开发、 营销和客户体验策略 来充实自己。',
                    info: '<div style="line-height: 1.5"><b style="font-size: 16px;">姓 名</b></div><div><span style="font-size:14px;"><font color="#666">公司 职位</font></span></div>'
                },
                {
                    imgUrl: require('../../assets/images/productImg/team_avtar2.png'),
                    icon: 'icon-tupian',
                    title: 'Mich Stark，首席运营官',
                    desc: 'Mich 喜欢应对挑战。由于他在软件行业有多年担任商务 总监的经验，Mich 帮助公司达到 今天的地位。Mich 是最优秀的人才之一。',
                    info: '<div style="line-height: 1.5"><b style="font-size: 16px;">姓 名</b></div><div><span style="font-size:14px;"><font color="#666">公司 职位</font></span></div>'
                },
                {
                    imgUrl: require('../../assets/images/productImg/team_avtar3.png'),
                    icon: 'icon-biaoti',
                    title: 'Aline Turner，首席技术官',
                    desc: 'Aline 是生活中的标志性人物之一，她可以说她热爱所做的事情。 她指导 100+ 的内部开发人员，并照顾着数以千计开发人员的 社区。',
                    info: '<div style="line-height: 1.5"><b style="font-size: 16px;">姓 名</b></div><div><span style="font-size:14px;"><font color="#666">公司 职位</font></span></div>'
                },
                {
                    imgUrl: require('../../assets/images/productImg/team_avtar4.png'),
                    icon: 'icon-quanbu-copy',
                    title: 'Iris Joe，首席财务官',
                    desc: 'Iris，具有国际经验，可以帮我们轻松地了解数字并 对其进行改进。她决定推动成功，利用她的专业特长帮助公司更上一层楼。',
                    info: '<div style="line-height: 1.5"><b style="font-size: 16px;">姓 名</b></div><div><span style="font-size:14px;"><font color="#666">公司 职位</font></span></div>'
                }
            ],
            heightAuto: true
        }
    ]
}
export default ModuleComponent
